<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        //全选
        function checkAll() {
            // document.getElementsByName(); 是根据 指定name属性查询返回多个标签对象[集合]
            // 这个集合的操作跟数组一样
            // 集合中每个元素都是 dom 对象
            // 这个集合中的元素顺序是他们在 html 页面中从上到下的顺序
            var inputs = document.getElementsByTagName("input");
            // alert(inputs);
            for (var i = 0; i < inputs.length ; i++) {
                inputs[i].checked = true;
            }
        }

     
    </script>
</head>
<body>
<!-- dom 对象-->
兴趣爱好:
<input type="checkbox"  value="c++" checked="checked">C++
<input type="checkbox"  value="java">Java
<input type="checkbox"  value="js">JavaScript
<br/>
<button onclick="checkAll()">全选</button>


</body>
</html>